
.item{
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position:relative;
}

.item_title{
    background-color: #FA4B2A;
    height: 24px;
    line-height: 24px;
    display: inline-block;
    position:absolute;
    top:5px;
    left:0px;
    font-size:12px;
    color:#FFF;
    padding:0 10px;
}
.hightlight{
    width:24px;
    height:24px;
    background-image: url('../image/star.png');
    background-repeat: no-repeat;
    background-position: center;
    position:absolute;
    right:10px;
    top:10px;
    cursor: pointer;
    display: none;
}
.hightlight:hover{
    background-image: url('../image/star_active.png');
}
.item:hover .hightlight{
    display: block;
}

.active_star{
    background-image: url('../image/star_active.png');
    display: block;
}
/** Format default Product Item*/
.default_product_layout{
    width:20%;
    height:220px;
    position:relative;
    padding:1px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    overflow: hidden;
    margin:0px;
    border-top:none !important;
    border-bottom:1px solid #CCC !important;
    border-right:1px solid #CCC !important;
    border-left:1px solid #CCC;
    background-color:#FFF;
}
.default_product_layout .item_swap{
    width:100%;
    height:100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    overflow: hidden;
    position:relative;
}
.default_product_layout .item_content{
    width:100%;
    height:200%;
    position:relative;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    top:0px;
}
.default_product_layout .item_content>div{
    width:100%;
    height:50%;
}

.default_product_layout .item_content>div:first-child{
    background-color:rgba(255,255,255,0.2);
}
.default_product_layout .item_content>div:nth-child(2){
    background-color:rgba(255,255,255,0.3);
}
/** Effect when mouse over item product */
.default_product_layout:hover .item_content{
    top:-100%;
}

.item_hightlight{
    height:220px;
}
/*.product_content>.default_product_layout:nth-child(3n){
background-color:#017ba0;
}

.product_content>.default_product_layout:nth-child(3n + 1){
background-color:#eda920;
}

.product_content>.default_product_layout:nth-child(3n + 2){
background-color:#88bf26;
}*/

.default_product_layout .image_content{
    width:100%;
    height:160px;
    position:relative;
    text-align: center;
    vertical-align: middle;
    background-color:#FFF;
    line-height: 130px;
}
.default_product_layout .image_content img{
    max-height: 160px;
    max-width: 200px;
    vertical-align: middle;
    margin-top: -5px;
}
.default_product_layout .item_info{
    margin-left: 20px;
}
.default_product_layout .item_info p{
    line-height: 24px;
    height: 16px;
}
.default_product_layout .item_info p:nth-child(1){
    font-weight: bold !important;
    font-size:12px !important;
    color:#444;
    padding:0;
    margin:0;
}
.default_product_layout .item_info p{
    font-size:11px;
    color:#444;
    padding:0;
    margin:0;
}
.default_product_layout .item_info_panel{
    padding:10px;
    overflow: hidden;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.default_product_layout .item_info_panel h3{
    font-size:14px;
    color:#333;
    font-family: 'Open Sans',arial,sans-serif;
    margin-top: 0px;
    margin-bottom:0;
}
.default_product_layout .item_info_panel p{
    color:#444;
    font-size:11px;   
}
.default_product_layout .item_info_panel p:nth-child(2)
{
    margin-top:0px;
    padding:0;
}

/** Format product layout1 item*/
.default_hight_light_product_layout{
    height: 220px;
    width:40%;
    position:relative;
    overflow: hidden;
    border-top:none !important;
    border-bottom:1px solid #CCC !important;
    border-right:1px solid #CCC !important;
    border-left: 1px solid #CCC;
    /*margin-right:-1px;*/
    background-color:#FFF;
}

.default_hight_light_product_layout .image_content{
    width: 100%;
    height:160px;
    vertical-align: middle;
    line-height: 130px;
    text-align: right;
}
.default_hight_light_product_layout .image_content img{
    max-width: 100%;
    max-height: 160px;
    vertical-align: middle;
    margin-top:-3px;
}

.default_hight_light_product_layout .item_info{
    width: 100%;
    height:30px;
}

.default_hight_light_product_layout .item_description{
    position:absolute;
    width:100%;
    height:160px;
    background-repeat: repeat-y;
    background-image: url('../image/layout1_bg.png');
    opacity: 0;
    top:0px;
    left:0px;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    padding-top:0px;
}

.default_hight_light_product_layout:hover .item_description{
    opacity: 1;
}

.default_hight_light_product_layout:hover .item_description p{
    opacity: 1;
}

.default_hight_light_product_layout .item_description p{
    width:200px;
    color:#FFF;
    font-size:12px;
    margin-top:10px;
    margin-bottom: 6px;
    opacity: 0;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    padding-left:20px;
}
.default_hight_light_product_layout .item_description a{
    margin-left:20px;
}
.default_hight_light_product_layout .item_info p{
    margin:0px;
    padding:0px;
    font-size:13px;
    color:#333;
    padding-left:10px;
}
.default_hight_light_product_layout .item_info{
    padding-top:10px;
}
.default_hight_light_product_layout .item_info .price{
    color:red;
    font-weight: bold;   
}
.flat_button{
    background-color: #fa4b2a;
    color: #fff;
    float: left;
    font-size: 12px;
    height: 17px;
    line-height: 1em;
    margin: 0;
    padding: 4px 0 0;
    text-align: center;
    width: 150px;
    z-index: 999;
}

/** Format layout1 */
.layout1_product_layout{
    width:25%;
    height:350px;
    margin-top:10px;
}

.layout1_product_layout .image_content{
    width:100%;
    height:300px;
    vertical-align: middle;
    line-height: 300px;
    text-align: center;
}
.layout1_product_layout .image_content img{
    max-width: 200px;
    max-height: 280px;
    vertical-align: middle;
    box-shadow: 0 0 4px #333333;
    -moz-box-shadow: 0 0 4px #333333;
    -webkit-box-shadow: 0 0 4px #333333;
}
.layout1_product_layout .image_content a{
    display: inline-block;
    line-height: 0;
    position:relative;
}
/** Box-shadow beatiful for image*/
.layout1_product_layout .image_content a::before,.layout1_product_layout .image_content a::after{
    border-radius: 10px / 90px;
    bottom: 12px;
    box-shadow: 0 15px 15px rgba(0, 0, 0, 0.7);
    content: '';
    height: 20%;
    left: 0px;
    position: absolute;
    transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    width: 45%;
    z-index: -2;
}
.layout1_product_layout .image_content a::after{
    left:auto;
    right: 5px;
    transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
}

.layout1_product_layout .item_info{
    height:50px;
    text-align: center;
}

.layout1_product_layout .item_info p{
    padding:0;
    margin:0;
    font-size: 13px;
    color:#333;
}

/** Format big layout*/
.big_product_layout{
    height: 390px;
    width:50%;
    padding:20px;
}
.big_product_layout .item_swap{
    width:100%;
    height:100%;
    position:relative;
}
.big_product_layout .image_content{
    height:300px;
    line-height: 300px;
    text-align: center;
    vertical-align: middle;
    border:1px solid #CCC;
    background-color:#FFF;
    box-shadow: 0 0 5px #CCC;
    -moz-box-shadow: 0 0 5px #CCC;
    -webkit-box-shadow: 0 0 5px #CCC;
}
.big_product_layout .image_content img{
    vertical-align: middle;
    max-width: 100%;
    max-height: 300px;
}

.big_product_layout .item_info{
    height:80px;
    margin-top: -30px;
    background-color:red;
    position:absolute;
    left:10px;
    right:10px;
    text-align: center;
    background-color:#FFF;
    border:1px solid #BBB;
    box-shadow: 0px 10px 10px #666;
    -moz-box-shadow: 0px 10px 10px #666;
    -webkit-box-shadow: 0px 10px 10px #666;
    padding-left:20px;
    padding-right:20px;
}

.big_product_layout .item_info::before{
    content: '';
    width: 0;
    height: 0;
    border-top: 52px solid #999;
    border-left: 10px solid transparent;
    position:absolute;
    top:28px;
    left:-10px;
}

.big_product_layout .item_info::after{
    content: '';
    width: 0;
    height: 0;
    border-top: 52px solid #999;
    border-right: 10px solid transparent;
    position:absolute;
    top:28px;
    right:-10px;
}

.big_product_layout .item_info h3{
    font-size:14px;
    color:rgb(255, 255, 0);
    background-color:rgba(0,0,0,0.8);
    position:absolute;
    top:-30px;
    height: 30px;
    line-height: 30px;
    padding: 0;
    margin:0;
    padding-left:10px;
    padding-right:10px;
    width:120px;
    left:50%;
    margin-left: -60px;
    transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
}

.big_product_layout .item_info h2{
    font-size:16px;
    color:#333;
    margin:5px;
}

.big_product_layout .item_info p{
    font-size:14px;
    color:#333;
    padding:0px;
    margin:0px;
}

.big_product_layout .total_view_panel{
    position:absolute;
    background-color:rgba(0, 149, 218, 0.7);
    height:28px;
    line-height: 28px;
    top:0px;
    right:0px;
    color: #FFF;
    padding-left:30px;
    padding-right:10px;
    font-size: 12px;
    background-image:url('../image/total_view.png');
    background-repeat: no-repeat;
    background-position: 10px center;
}
.big_product_layout:hover .item_info h3{
    background-color:rgba(0, 149, 218, 0.7);
}
.big_product_layout a{
    color:#333;
}

/** Format small layout*/
.small_product_layout{
    height: 390px;
    width:25%;
    padding:20px;
}
.small_product_layout .item_swap{
    width:100%;
    height:100%;
    position:relative;
}
.small_product_layout .image_content{
    height:300px;
    line-height: 300px;
    text-align: center;
    vertical-align: middle;
    border:1px solid #CCC;
    background-color:#FFF;
    box-shadow: 0 0 5px #CCC;
    -moz-box-shadow: 0 0 5px #CCC;
    -webkit-box-shadow: 0 0 5px #CCC;
}
.small_product_layout .image_content img{
    vertical-align: middle;
    max-width: 100%;
    max-height: 300px;
}

.small_product_layout .item_info{
    height:77px;
    margin-top: -30px;
    background-color:red;
    position:absolute;
    left:10px;
    right:10px;
    text-align: center;
    background-color:#FFF;
    border:1px solid #BBB;
    box-shadow: 0px 10px 10px #666;
    -moz-box-shadow: 0px 10px 10px #666;
    -webkit-box-shadow: 0px 10px 10px #666;
    padding-left:20px;
    padding-right:20px;
}

.small_product_layout .item_info::before{
    content: '';
    width: 0;
    height: 0;
    border-top: 52px solid #999;
    border-left: 10px solid transparent;
    position:absolute;
    top:28px;
    left:-10px;
}

.small_product_layout .item_info::after{
    content: '';
    width: 0;
    height: 0;
    border-top: 52px solid #999;
    border-right: 10px solid transparent;
    position:absolute;
    top:28px;
    right:-10px;
}

.small_product_layout .item_info h3{
    font-size:14px;
    color:rgb(255, 255, 0);
    background-color:rgba(0,0,0,0.8);
    position:absolute;
    top:-30px;
    height: 30px;
    line-height: 30px;
    padding: 0;
    margin:0;
    padding-left:10px;
    padding-right:10px;
    width:120px;
    left:50%;
    margin-left: -60px;
    transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
}

.small_product_layout .item_info h2{
    font-size:13px;
    color:#333;
    margin:5px;
}

.small_product_layout .item_info p{
    font-size:12px;
    color:#333;
    padding:0px;
    margin:0px;
}

.small_product_layout .total_view_panel{
    position:absolute;
    background-color:rgba(0, 149, 218, 0.7);
    height:28px;
    line-height: 28px;
    top:0px;
    right:0px;
    color: #FFF;
    padding-left:30px;
    padding-right:10px;
    font-size: 12px;
    background-image:url('../image/total_view.png');
    background-repeat: no-repeat;
    background-position: 10px center;
}
.small_product_layout:hover .item_info h3{
    background-color:rgba(0, 149, 218, 0.7);
}
.small_product_layout a{
    color:#333;
}

/** FORMAT USER BLOCK*/
.user_item{
    width:20%;
    height:180px;
    padding:3px;
}
.user_item .item_swap{
    padding:10px;
}
.user_item:hover .item_swap{
    background-color:#EEE;
}
.user_item .image_content{
    height:140px;
}
.user_item .image_content img{
    max-width: 100%;
    max-height: 100%;
}
.user_item p{
    color:#666;
    font-size:13px;
}
.user_item a{
    color:#555;
}

/** Format hotdeal product layout*/
.hotdeal_product_layout{
    width:33.33%;
}

.hotdeal_product_layout .image_content{
    height:345px;
    line-height: 345px;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
}
.hotdeal_product_layout .image_content img{
    vertical-align: middle;
    height:100%;
}
.hotdeal_product_layout .item_swap{
    padding-left:10px;
    padding-right:10px;
    padding-top:20px;
}
.hotdeal_product_layout .item_info_panel{
    height: 100px;
    position:relative;
}
.hotdeal_product_layout .item_content{
    box-shadow: 0 0 5px #999;
    -moz-box-shadow: 0 0 5px #999;
    -webkit-box-shadow: 0 0 5px #999;
    background-color: #FFF;
}
.hotdeal_product_layout .product_title{
    color: #444;
    font-size: 16px;
    display: block;
    margin-top: 15px;
    padding: 0;
    line-height: 24px;
    height: 48px;
    margin-left: 15px;
}
.hotdeal_product_layout .product_price{
    margin-left: 15px;
    color: red;
    font-weight: bold;
    font-size: 20px;
    margin-top: 8px;
}
.hotdeal_product_layout .link_button{
    position:absolute;
    right:10px;
    bottom:8px;
    background:none !important;
    border:none !important;
    text-shadow: none !important;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}
.hotdeal_product_layout .link_button i{
    font-size:32px;
    color:#74af39;
}
.hotdeal_product_layout .product_donvi{
    font-size: 15px;
    position: relative;
    top: -7px;
}